﻿<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
<meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
		<title></title>
		<link rel="stylesheet" type="text/css" href="css/login.css"/>
		<!--<style type="text/css">
			*{
				padding: 0;
				margin: 0;
				text-decoration: none;
			}
			body{
				height: 100vh;
				width: 100vw;
				background-image:url(img/登录-背景.png) ;
				background-repeat: no-repeat;
			}
			.login-body{
				width: 611px;
				height: 407px;
				background-color: #f6f7fa;
				margin: 0 auto;
				position: relative;
				top: 170px;
			}
			.login-title{
				width: 611px;
				height: 75px;
				background-color: #0e1a35;
				
			}
			.login-title img{
				height: 46%;display: inline;position: relative;top:18px;left: 20px;
			}
			.login-title h3{
				display: inline;color: white; position: absolute;top:24px;right: 25px;font-weight: 300;
			}
			.font{
				position: relative;
				top: -24px;
				left: 63px;
			}
			.font span{
				color: white;font-family: courier;font-size: smaller;
			}
			.font p{
				color: white;font-size:9px;font-family: '微软雅黑';
			}
			.login-body-body{
				width: 380px;
				margin: 0 auto;
				position: relative;
				top: 43px;
			}
			.login-body-body h2{
				display: inline;
				font-weight: 100;
				
			}
			.login-body-body h2:first-child{
				color: #7081a2;
			}
			.login-body-body h2:last-child{
				color: #6a94fe;
			}
			.login-body-body-left{
				position: relative;
				top: 98px;
				/*background-color: black;*/
				width: 305px;
				height: 138px;
			}
			.login-body-body-right{
				position: absolute;
				top: 204px;
				right: 0px;
				/*background-color: grey;*/
				width: 305px;
				height: 138px;
				border-left: solid 2px #dce0e9;
			}
			.form{
				width: 72%;
				margin: 0 auto;
				border-bottom: solid 1px #e0e4eb;
				margin-bottom: 20px;
				padding-bottom: 3px;
			}
			.form input{
				display: inline;
				width: 70%;
				border: 0;
				height: 26px;
				background-color: transparent;
			}
			.form  img{
				display: inline;
				position: relative;top: 6px;
				padding-right: 15px;
			}
			.from-user span{
				background-image: url(img/登录-头像@2x.png);
				width: 15px;
				height: 15px;
			}
			.login-body-body-left img{
				padding-top: 10px;
				margin: 0 auto;
				width: 5.7em;
			}
			.login-body-body-left a{
				color: white;
				border-radius: 30px;
				padding: 8px 72px;
				background-color: #5584ff;
				position: relative;
				top: 34px;
				left: 60px;
			}
			.img-box{
				position: relative;
				top: 12px;
				left: 68px;
				height: 80px;
				width: 176px;
				text-align: center;
				background-color: #eef0f6;
				border: solid 1px #adb9d2;
				border-radius: 5px;
				
			}
			.login-body-body-right a{
				color: #457aff;
				border: solid 1px #457aff;
				border-radius: 30px;
				padding: 8px 72px;
				background-color: white;
				position: relative;
				top: 15px;
				left: 55px;
			}
		</style>-->
	</head>
	<body >
		<div class="login-body">
			<div class="login-title">
				<img src="img/GE-logo@2x.png" />
				<div class="font">
					<span >
					Imagination At Work 
				</span>
				<p >梦&nbsp;&nbsp;&nbsp;&nbsp;想&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;成&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;就&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;未&nbsp;&nbsp;&nbsp;&nbsp;来</p>
				</div>
				<h3 >Login</h3>
				
			</div>
			<div class="login-body-body">
				<h2>Wecome to </h2><h2>GE Single Sign on !</h2>
				
			</div>
			<div class="login-body-body-left">
				<div class="img-box">
					<img src="img/research@2x.png"/>
				</div>
				
				
				<a href="">扫一扫<input type="file" accept="image/*" capture="camera" class="camera"></a>
				</div>
				<div class="login-body-body-right">
					<div class="from-user form">
						<img src="img/login-pic@2x.png" style="width: 1em;"/>
						<input type="text" name="userName" id="userName" value=""  placeholder="SSO ID"/>
					</div>
					<div class="from-password form">
						<img src="img/login-pw@2x.png" style="width: .9em;"/>
						<input type="text" name="password" id="userName" value="" placeholder="Password" />
					</div>
					<a href="">登录</a>
				</div>
		</div>
	</body>
</html>
